description = '分类页广告产品部件'
==
{% if count(adproducts)>0 %}
<div class="swiper-container adProductsSwiper">
    <ul class="list_product_box clearfix mt5 swiper-wrapper" style="position:relative;">
        {% for adproduct in adproducts %}
        <li class=" swiper-slide">
            <div class="box_list list_product_item_inner">
                <a class="list_product_link box_list_main" href="{{ adproduct.url }}">
                    <div class="list_product_frame">
                        <div class="list_product_img_block">
                            {% for img in adproduct.feature_image %}
                            {% if loop.index==1 %}
                                <img src="{{ img.path }}">
                            {% endif %}
                            {% endfor %}
                        </div>
                        {% if adproduct.discount %}
                            <div class="sale-label">{{ adproduct.discount }} OFF</div>
                        {% endif %}
                        <div class="list_product_text_block mb5">
                            <p class="list_product_brand rdstr">{{ adproduct.name }}</p>
                            <p class="list_product_brand rdstr">
                                <b class="list_product_price force_color">{{ adproduct.price|formatPrice }}</b>
                                {% if adproduct.list_price > 0 %}
                                <span class="old-price">{{ adproduct.list_price|formatPrice }}</span>
                                {% endif %}
                            </p>
                            <p class="list_product_brand rdstr">
                                <span class="reviewStar size1 star{{ adproduct.rating | round }}" style="position:relative;top:2px;"></span>
                                {% if adproduct.reviews.count > 0 %}
                                <span class="txtPoint">({{ adproduct.reviews.count }} reviews)</span>
                                {% endif %}
                            </p>
                        </div>
                        <span class="arrow"></span>
                    </div>
                </a>
            </div>
        </li>
        {% endfor %}

        {% for key, val in catalog.productSection('list-product', pid).items %}
        {% if val.id not in pida %}
            <li class=" swiper-slide">
                <div class="box_list list_product_item_inner">
                    <a class="list_product_link box_list_main" href="{{ val.url }}">
                        <div class="list_product_frame">
                            <div class="list_product_img_block">
                                <img class="productImgH" src="{{ val.f_thumb }}">
                            </div>
                            {% if val.discount %}
                                <div class="sale-label">{{ val.discount }} OFF</div>
                            {% endif %}
                            <div class="list_product_text_block mb5">
                                <p class="list_product_brand rdstr">{{ val.name }}</p>
                                <p class="list_product_brand rdstr">
                                    <b class="list_product_price force_color">{{ val.price|formatPrice }}</b>
                                    {% if val.list_price > 0 %}
                                    <span class="old-price">{{ val.list_price|formatPrice }}</span>
                                    {% endif %}
                                </p>
                                <p class="list_product_brand rdstr">
                                    <span class="reviewStar size1 star{{ val.rating | round }}" style="position:relative;top:2px;"></span>
                                    {% if val.reviews.count > 0 %}
                                    <span class="txtPoint">({{ val.reviews.count }} reviews)</span>
                                    {% endif %}
                                </p>
                            </div>
                            <span class="arrow"></span>
                        </div>
                    </a>
                </div>
            </li>
        {% endif %}
        {%endfor%}
    </ul>
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
</div>
{% endif %}
<!-- Add Arrows -->

